﻿ 
 <style type="text/css">

<!--
   .sort_frame{ width:200px;border:#D5D2D2 solid 1px; }
   .sort_top{ height:33px;  background-color:#EFEFEF;}
   .sort_name{ width:170px; height:33px; line-height:33px;padding-left:13px; float:left;font-family:"宋体"; font-size:14px; color:#484848;font-weight:bold;}

#sort_body{margin:10px;text-align:center;line-height:25px;width:180px;padding:0;list-style:none;font-size:14px;}
.sort_title{ background-color:#EFEFEF;color:#484848;border-bottom:1px solid #fff;cursor:pointer;height:30px;font-size:15px;}
.sort_title1{background-color:#EFEFEF;color:#484848;border-bottom:1px solid  #fff;cursor:pointer; height:30px;font-size:15px;}
.sort_content li{color:#336699;background:#fff;border-bottom:1px dashed #D5D2D2; height:30px;}
.sort_content li a{ display:block; text-decoration:none;padding:2px; color:#555555;}
.sort_content li a:hover{background-color:#EFEFEF;  text-decoration:none;color:#555555;}
-->   
   
</style>

     
<script language = JavaScript>
function showmenu1(id) { 
	var list = document.getElementById("sort_list"+id);
	var menu = document.getElementById("sort_menu"+id);	
	if (list.style.display=="none") 
	{		
		document.getElementById("sort_list"+id).style.display="block";
		menu.className = "sort_title1";		
	}else 
	{
		document.getElementById("sort_list"+id).style.display="none";
		menu.className = "sort_title";		
	}
} 
</script>  
      <div class="sort_frame">
       
        <div class="sort_top">
            <div class="sort_name">产品分类/product
            </div>
        </div>
          
       <div id="sort_body">	
                                           

                
           <!--{foreach($categorydata as $_key => $_value )}-->    
		    <!--{if ($_value.parent_id==0)}-->
			                      	   	
		   <div class="sort_title" id="sort_menu{$_key}" onclick="showmenu1('{$_key}');">{$_value.cat_name}</div>
		   <div id="sort_list{$_key}" class="sort_content" style="display:none">
		     <ul>
            <!--{/if}--> 
			
		   <!--{if ($_value.parent_id!=0)}--> 		 
			 <li><a href="">{$_value.cat_name}</a></li>
		   <!--{/if}--> 
			 
		   <!--{if ($_value.parent_id==0)}--> 		   
			 </ul>
		   </div>	
		   <!--{/if}--> 
		   
		   <!--{/foreach}-->   
	
  
        
        
       </div> 
    </div>